4 個你必須知道的設計電郵圖片貼士

每一個電郵推廣員都希望創作一個吸引的電郵，在讀者打開電郵的一剎那，奪得讀者的注意力。但是，複雜的設計、或是忽略了一些設計細節，都會破壞你花在設計電郵設計上的努力。以下是 4 個關於電郵圖片的貼士，在設計電郵前先認識它們吧！

 1. 使用背景顏色，避免使用背景圖片 

有些電郵用戶端會忽略你電郵中吸引的背景圖片，影響了電郵的整體設計。作為替代，你可以使用「更多」電郵用戶端支援的背景顏色。「更多」是不是指還是有電郵用戶端並不支援背景顏色呢？答案是：是。所以在設計電郵時，要假設電郵內容能在白色背景中被顯示，這樣讀者就能在電郵用戶端不支援的情況下，都能明白你的電郵內容。

要更好的在電郵中使用背景顏色，你可以使用 table 設定風格 (style)。以下是一個例子：

<table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td bgcolor=”#000000”>
            Your email code goes here.
        </td>
    </tr>
</table>                                                                  (Campaign Monitor)

2. 使用 ALT 標籤 

大部份電郵用戶端會預設封鎖圖片，如讀者不下載圖片，它們就不會被讀取。這時你就可使用 ALT 標籤圖片：

<a href= "http://$company_website$" target="_blank"><img src="images/path" width="144" height="76" border="0" alt="UFOSend"/>

你亦可為重要的圖片設計說明文字，以防 ALT 標籤被電郵用戶端封鎖，例如 Outlook.com。僅記寄出電郵前要進行測試，如果圖片不能被正確顯示，你的讀者會看見什麼呢？永遠不要以圖片傳遞重要訊息，確保在沒有圖片的情況下，你的電郵仍然是整齊的，而你的讀者仍能明白你的電郵內容。

 3. 設定圖片的尺寸 

別忘記上傳圖片到電郵前，先調整好圖片的大小，不然，電郵用戶端會下載，甚至顯示原圖。這不止會破壞你的電郵的整體設計，如果你使用了一張巨大的圖片，這亦會延長電郵的加載時間。最好的解決方法是上載圖片至電郵前，先調整圖片的大小，就不會影響電郵的設計。

**避免使用過大的圖片，限制圖片大小在 600 px 內，72 dpi 會是最大的可用解像度。

 4. 限制電郵的闊度在 600 px 內 

不論你希望電郵包括什麼內容，如果你不把電郵的闊度限制在 600 px 內，你的讀者將需要左右滾動去閱讀電郵，而且在手機中，過大的電郵亦不美觀。

除了設定圖片的技巧外，為電郵編碼時亦需注意。我會在下一篇文章分享另外 5 個編碼貼士，請繼續留意更新！

透過電郵獲得電郵推廣貼士的更新 >>

來源：
Campaign Monitor